<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta
      name="viewport"
      content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"
    />
    <script src="js/flexble.js"></script>
    <link rel="stylesheet" href="css/reset.css" />
    <link rel="stylesheet" href="css/index.css" />
    <title>京东</title>
  </head>
  <body>
    <div class="topTips">
      <div class="left"><img src="./images/close.png" alt="关闭" /></div>
      <div class="mid">
        <img src="./images/logo.png" alt="logo" />
        <div>
          <p>打开京东APP</p>
          <p>购物实惠又轻松</p>
        </div>
      </div>
      <div class="right">立即打开</div>
    </div>
    <div class="flexLogo"></div>
    <div class="search">
      <div class="left">
        <img src="./images/caidan.png" alt="菜单" />
      </div>
      <div class="mid">
        <img src="./images/jd.png" alt="" />
        <span></span>
        <b></b>
        <input type="text" placeholder="超薄本" />
      </div>
      <div class="right">登录</div>
    </div>
    <div class="top">
      <div class="slider-bg"></div>
      <div class="banner">
        <ul>
          <li><img src="./images/banner.jpg" alt="banner" /></li>
        </ul>
      </div>
    </div>
    <div class="navs">
      <div class="item">
        <div class="img">
          <img src="./images/nav1.png" alt="" />
        </div>
        <div class="text">京东超市</div>
      </div>
      <div class="item">
        <div class="img">
          <img src="./images/nav1.png" alt="" />
        </div>
        <div class="text">数码电器</div>
      </div>
      <div class="item">
        <div class="img">
          <img src="./images/nav1.png" alt="" />
        </div>
        <div class="text">京东服饰</div>
      </div>
      <div class="item">
        <div class="img">
          <img src="./images/nav1.png" alt="" />
        </div>
        <div class="text">京东生鲜</div>
      </div>
      <div class="item">
        <div class="img">
          <img src="./images/nav1.png" alt="" />
        </div>
        <div class="text">京东到家</div>
      </div>
      <div class="item">
        <div class="img">
          <img src="./images/nav2.png" alt="" />
        </div>
        <div class="text">充值缴费</div>
      </div>
      <div class="item">
        <div class="img">
          <img src="./images/nav2.png" alt="" />
        </div>
        <div class="text">9.9元拼</div>
      </div>
      <div class="item">
        <div class="img">
          <img src="./images/nav2.png" alt="" />
        </div>
        <div class="text">领券</div>
      </div>
      <div class="item">
        <div class="img">
          <img src="./images/nav2.png" alt="" />
        </div>
        <div class="text">领津贴</div>
      </div>
      <div class="item">
        <div class="img">
          <img src="./images/nav2.png" alt="" />
        </div>
        <div class="text">PLUS会员</div>
      </div>
      <div class="ol">
        <ol>
          <li></li>
          <li></li>
        </ol>
      </div>
    </div>
    <div class="seckill">
      <div class="tops">
        <div class="text">京东秒杀</div>
        <div class="dian">14</div>
        <div class="time"><span>00</span>:<span>00</span>:<span>00</span></div>
        <div class="more">
          <span>更多</span><img src="./images/more.png" alt="" />
        </div>
      </div>
      <div class="list">
        <div class="item">
          <div class="img">
            <img src="./images/main1.jpg" alt="" />
          </div>
          <div class="text">
            <div>¥18.8</div>
            <div>¥29.9</div>
          </div>
        </div>
        <div class="item">
          <div class="img">
            <img src="./images/main2.jpg" alt="" />
          </div>
          <div class="text">
            <div>¥18.8</div>
            <div>¥29.9</div>
          </div>
        </div>
        <div class="item">
          <div class="img">
            <img src="./images/main1.jpg" alt="" />
          </div>
          <div class="text">
            <div>¥18.8</div>
            <div>¥29.9</div>
          </div>
        </div>
        <div class="item">
          <div class="img">
            <img src="./images/main2.jpg" alt="" />
          </div>
          <div class="text">
            <div>¥18.8</div>
            <div>¥29.9</div>
          </div>
        </div>
        <div class="item">
          <div class="img">
            <img src="./images/main1.jpg" alt="" />
          </div>
          <div class="text">
            <div>¥18.8</div>
            <div>¥29.9</div>
          </div>
        </div>
      </div>
    </div>
    <div class="main">
      <div class="item">
        <div class="text">
          <div>成熟女装</div>
          <div>时尚带来美女</div>
        </div>
        <div class="img">
          <div><img src="./images/main1.jpg" alt="" /></div>
          <div><img src="./images/main2.jpg" alt="" /></div>
        </div>
      </div>
      <div class="item">
        <div class="text">
          <div>潮流男鞋</div>
          <div>时尚男靴</div>
        </div>
        <div class="img">
          <div><img src="./images/main1.jpg" alt="" /></div>
          <div><img src="./images/main2.jpg" alt="" /></div>
        </div>
      </div>
      <div class="item">
        <div class="text">
          <div>时尚皮衣</div>
          <div>又美又飒</div>
        </div>
        <div class="img">
          <div><img src="./images/main1.jpg" alt="" /></div>
          <div><img src="./images/main2.jpg" alt="" /></div>
        </div>
      </div>
      <div class="item">
        <div class="text">
          <div>暖心绘本</div>
          <div>童心绘本</div>
        </div>
        <div class="img">
          <div><img src="./images/main1.jpg" alt="" /></div>
          <div><img src="./images/main2.jpg" alt="" /></div>
        </div>
      </div>
    </div>
    <div class="lists">
      <div class="item">
        <div class="img">
          <img src="./images/list1.png" alt="衣服图片" />
        </div>
        <div class="text">
          车内除异味直升机摆件香膏持久淡香装饰用品车载香水汽车香薰摆件
          直升机【炫酷黑】红旗版/1只芯
        </div>
        <div class="price">
          ¥18.8
          <div class="look">看相似</div>
        </div>
      </div>
      <div class="item">
        <div class="img">
          <img src="./images/list2.png" alt="衣服图片" />
        </div>
        <div class="text">
          车内除异味直升机摆件香膏持久淡香装饰用品车载香水汽车香薰摆件
          直升机【炫酷黑】红旗版/1只芯
        </div>
        <div class="price">
          ¥18.8
          <div class="look">看相似</div>
        </div>
      </div>
      <div class="item">
        <div class="img">
          <img src="./images/list1.png" alt="衣服图片" />
        </div>
        <div class="text">
          车内除异味直升机摆件香膏持久淡香装饰用品车载香水汽车香薰摆件
          直升机【炫酷黑】红旗版/1只芯
        </div>
        <div class="price">
          ¥18.8
          <div class="look">看相似</div>
        </div>
      </div>
      <div class="item">
        <div class="img">
          <img src="./images/list2.png" alt="衣服图片" />
        </div>
        <div class="text">
          车内除异味直升机摆件香膏持久淡香装饰用品车载香水汽车香薰摆件
          直升机【炫酷黑】红旗版/1只芯
        </div>
        <div class="price">
          ¥18.8
          <div class="look">看相似</div>
        </div>
      </div>
    </div>
    <div style="height: 2rem"></div>
    <div class="commonNavs">
      <div class="item">
        <img src="./images/navs1.png" alt="" />
      </div>
      <div class="item">
        <img src="./images/navs2.png" alt="" />
      </div>
      <div class="item">
        <img src="./images/navs3.png" alt="" />
      </div>
      <div class="item">
        <img src="./images/navs4.png" alt="" />
      </div>
      <div class="item">
        <img src="./images/navs5.png" alt="" />
      </div>
    </div>
  </body>
</html>
